render();
bloated();
function render() {
    $.ajax({
        type: 'get',
        url: "http://193.112.55.79:9090/api/getbaicaijiatitle",
        dataType: "json",
        success: function (res) {
            var htmlStr = template("timeTemplate", res);
            $('.lcz-ul').html(htmlStr);
            // 当前窗口显示五个li标签
            var lis = window.outerWidth / 5; 
            //给父元素动态生成宽度 
            $('.lcz-ul').children().css('width', lis + 'px');
            // 获取ul子元素li的宽度
            var liss= $('.lcz-ul').children().size();
            var uls = liss * lis;
            //给ul动态生成宽度
            $('.lcz-ul').css('width', uls+'px');
            //滑动的次数
            var index = 0;
            // 滑动事件
            itcast('.lcz-ul').swipe(function (e) {
                // 判断方向
                if (e=='left') {  
                    if (index >= liss -5  ) {
                        return;                
                    }     
                    index++;
                }else{
                    if (index==0) {
                        return;
                    }
                    index--;
                }
                $('.lcz-ul').children().css({ 'transform': 'translateX(-'+index*lis+'px)', 'transition': 'all 0.3s' });
            })  
        }
    })
}
//  获取商品
function bloated(dataId) {
    var dataId = 0;
    $.ajax({
        type: 'get',
        url: 'http://193.112.55.79:9090/api/getbaicaijiaproduct',
        dataType: 'json',
        data: {
            titleid: dataId
        },
        success: function (res) {
            // console.log(res);
            template.config("escape", false);
            var htmlStr = template("timeTmp", res);
            $('.lcz-xxx').html(htmlStr);
        }
    });
}
//   tap栏切换
$('.lcz-ul').on('click', 'li', function () {
    var dataId = 0;
    //   找到当前点击ul的子节点中隐藏域中的id值
    var dataId = $(this).children('input').val();
    // console.log(dataId);
    $.ajax({
        type: 'get',
        url: 'http://193.112.55.79:9090/api/getbaicaijiaproduct',
        dataType: 'json',
        data: {
            titleid: dataId
        },
        success: function (res) {
            template.config("escape", false);
            var htmlStr = template("timeTmp", res);
            $('.lcz-xxx').html(htmlStr);
        }
    })
})